page {
    font-size: 0.8rem;
}

.topExpress {
    width: 720rpx;
    height: 180rpx;
    background: whitesmoke;
    margin: 10rpx auto;
    display: flex;
    border-radius: 5px;
}

.topExpress-code-copy {
    width: 27rpx;
    height: 27rpx;
    float: left;
    margin-left: 15rpx;
    margin-top: 10rpx;
}

.topExpress-code-copy > image {
    width: 100%;
    height: 100%;
}

.topExpress-left {
    width: 100rpx;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.topExpress-right {
    color: #7c7996;
    justify-content: space-around;
    flex-direction: column;
    align-items: flex-start;
    padding: 20rpx;
    height: 38rpx;
    border-bottom: 4rpx solid #f6f6f8;
}

.topExpress-right-middle {
    font-size: 1rem;
    float: left;
    margin-left: 15rpx;
}

.topExpress-right-bottom {
    color: #666;
}

.express-container {
    width: 93%;
    margin: 0 auto;
    border-radius: 5px;
}

.express-item {
    display: flex;
    width: 100%;
    justify-content: start;
}

.express-middle-axis {
    display: flex;
    width: 5%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.express-left-date {
    display: flex;
    width: 23%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.online-top-closing {
    width: 3rpx;
    height: 80rpx;
    background: #f2f2f2;
}

.dot-closing {
    width: 10rpx;
    height: 10rpx;
    border-radius: 50%;
    margin-top: 6rpx;
    margin-bottom: 6rpx;
    background: #ffbb00;
}

.dot-shou {
    width: 40rpx;
    height: 40rpx;
    border-radius: 50%;
    background: #ffbb00;
    font-size: 24rpx;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.online-bottom {
    width: 3rpx;
    height: 80rpx;
    background: #f2f2f2;
}

.express-right {
    width: 100%;
    margin: 20rpx 20rpx;
    display: table-cell;
    vertical-align: middle;
}
.express-right .express-status-time {
    color: #7c7996;
    font-size: 1rem;
    margin: 10rpx 0;
}
.express-right .express-status-time span {
    color: #1f1f1f;
    font-size: 1rem;
    font-weight: 600;
    float: right;
}
.express-right .express-status-address {
    color: #3a3943;
    font-size: 0.95rem;
}
/* but */
.van-tab--active .van-tab__title {
    font-weight: 700;
}

.van-tab__title {
    font-size: 28rpx;
}

.but {
    background: #ffffff;
    width: 100%;
    z-index: 1000;
    margin-top: 20rpx;
}

.but-bg-hr {
    width: 100%;
    height: 20rpx;
    background-color: #f6f6f8;
}

.end {
    width: 100%;
    height: 300rpx;
}
